layui.use(['form', 'layer', 'jquery'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer
    $ = layui.jquery;

    $(".loginBody .seraph").click(function () {
        layer.msg("这只是做个样式，至于功能，你见过哪个后台能这样登录的？还是老老实实的找管理员去注册吧", {
            time: 5000
        });
    })

    //定义表单验证规则
    form.verify({
        username: function (value, item) { //value：表单的值、item：表单的DOM对象
            if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                return '用户名不能有特殊字符';
            }
            if (/(^\_)|(\__)|(\_+$)/.test(value)) {
                return '用户名首尾不能出现下划线\'_\'';
            }
            if (/^\d+\d+\d$/.test(value)) {
                return '用户名不能全为数字';
            }
        }
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        , pass: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ]
        , samePass: function (value, item) {
            if (value !== $('input[name="confirmPassword"]').val()) {
                return '两次密码不一致';
            }
        }
    })

    //注册按钮
    form.on("submit(doRegister)", function (data) {
        var registerBtn = $(this);
        registerBtn.text("注册中...").attr("disabled", "disabled").addClass("layui-disabled");
        $.post('/login/doRegister', data.field, function(data) {
            if (data.code === 500) {
                registerBtn.text("确认注册").removeAttr("disabled").removeClass("layui-disabled");
                layer.alert(data.msg, {icon: 2});
            } else {
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.alert(data.msg);
                parent.layer.close(index); //再执行关闭
            }
        });
        return false;
    })

    //注册按钮
    $(".loginBody .layui-form .register").click(function () {
        layer.open({
            type: 1,
            title: '用户注册',
            content: $('#registerDiv'),
            skin: 'demo-class',
            area: ['500px', '300px']
        })
    })

    //表单输入效果
    $(".loginBody .input-item").click(function (e) {
        e.stopPropagation();
        $(this).addClass("layui-input-focus").find(".layui-input").focus();
    })
    $(".loginBody .layui-form-item .layui-input").focus(function () {
        $(this).parent().addClass("layui-input-focus");
    })
    $(".loginBody .layui-form-item .layui-input").blur(function () {
        $(this).parent().removeClass("layui-input-focus");
        if ($(this).val() != '') {
            $(this).parent().addClass("layui-input-active");
        } else {
            $(this).parent().removeClass("layui-input-active");
        }
    })
})
